@import "public";
#proIntroduce{
  .pi-top{
    width: 100%;
    .height(320rem);
    position: relative;
    .banner{
      img{
        width: 100%;
        .height(320rem);
      }
      .pib-word{
        width: 100%;
        .height(80rem);
        .lineHeight(80rem);
        .paddingLeft(30rem);
        color: #ffffff;
        background: rgba(0,0,0,.45);
        position: absolute;
        bottom: 0;
        left: 0;
      }
    }
  }
  .pi-list{
    ul li{
      width: 100%;
      .height(220rem);
      .borderBottom(2rem,solid,#efeff4);
      .padding(24rem,24rem,24rem,24rem);
      background-color: #ffffff;
      .pil-img{
        .width(240rem);
        .height(170rem);
        float: left;
        .marginRight(34rem);
        img{
          .width(240rem);
          .height(170rem);
          display: block;
        }
      }
      .pil-word{
        .width(315rem);
        float: left;
        h3{
          .width(315rem);
          .fontSize(28rem);
          .marginBottom(16rem);
        }
        .pil-content{
          .fontSize(24rem);
          color: #808080;
          .lineHeight(40rem);
        }
      }
    }
  }
}